<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/assets/css/common.css">
    <link rel="stylesheet" href="/assets/css/style.css">
</head>
<body>
    <div class="container">
        <div class="header">
            <div class="logo-area">
                <a href="/">
                    <img src="/assets/images/logo.png" alt="" class="logo">
                    摩尔微视
                </a>
            </div>
            
            <ul class="nav">
                <li class="hight-light"><a href="#">首页</a></li>
                <li><a href="#">关于我们</a></li>
                <li>
                    资源社区
                </li>
                <li><a href="#">会员</a></li>
            </ul>

            <div class="button-area">
                <div class="button small-button login-button">
                    登录
                </div>
                <div class="button small-button design-button">
                    开始设计
                </div>
            </div>
    
        </div>

        <div class="header-text">
            <div class="big-title-area">
                摩尔微视全息光刻设计软件
            </div>
            <div class="small-title-area">
                行业领先者，业内独具光刻效果预览功能的光
            </div>
            <div class="button-area">
                <div class="button large-button start-design">
                    开始创作
                </div>
                <div class="button large-button to-vip">
                    成为会员
                </div>
            </div>
        </div>

        <div class="banner">
            <div class="banner-preview">
                <img src="/assets/images/1.jpg" alt="" class="preview-image">
                <div class="left icon">
                    <img src="/assets/images/left_icon.png" alt="">
                </div>
                <div class="right icon">
                    <img src="/assets/images/right_icon.png" alt="">
                </div>
                <div class="tip-area">
                    <img src="/assets/images/sb_icon.png" alt="">
                    请尝试拖拽操作
                </div>
            </div>

            <div class="banner-nav">
                <div class="banner-item">
                    <img src="/assets/images/1.jpg" alt="">
                    <div class="banner-item-mask banner-item-mask-current"></div>
                    <div class="banner-item-text">
                        xxxx光刻效果预览
                    </div>
                </div>
                <div class="banner-item">
                    <img src="/assets/images/2.jpeg" alt="">
                    <div class="banner-item-mask"></div>
                    <div class="banner-item-text">
                        xxxx光刻效果预览
                    </div>
                </div>
                <div class="banner-item">
                    <img src="/assets/images/3.jpg" alt="">
                    <div class="banner-item-mask"></div>
                    <div class="banner-item-text">
                        xxxx光刻效果预览
                    </div>
                </div>
                <div class="banner-item">
                    <img src="/assets/images/4.jpg" alt="">
                    <div class="banner-item-mask"></div>
                    <div class="banner-item-text">
                        xxxx光刻效果预览
                    </div>
                </div>
            </div>
        </div>

        <div class="design">
            <div class="design-basic-area">
                <div class="design-big-title">
                    <p>3D设计</p>
                    <p>从未如此简单！</p>
                </div>
                <div class="design-guide-area">
                    快速上手，查看零基础教程文档
                </div>
                <div class="design-desc-area">
                    创建3D对象、编辑材质层、添加光刻纹理、多参数设置、发布和导出工作文件等，还有更多教程文档等待解锁！
                </div>
                <div class="design-button-area">
                    <div class="button try-button">
                        即刻尝试 →
                    </div>
                </div>
            </div>

            <div class="design-feature-area">
                <div class="design-feature-item">
                    <img src="/assets/images/1_yl_icon@2x.png" alt="" class="design-feature-item-icon">
                    <div class="design-feature-item-text">实时预览</div>
                    <div class="design-feature-item-line"></div>
                    <div class="design-feature-item-desc">
                        所见即所得，实时预览编辑效果
                    </div>
                </div>
                <div class="design-feature-item">
                    <img src="/assets/images/2_jr_icon@2x.png" alt="" class="design-feature-item-icon">
                    <div class="design-feature-item-text">跨平台兼容</div>
                    <div class="design-feature-item-line"></div>
                    <div class="design-feature-item-desc">
                        使用Web浏览器轻松实现PC端/平板电脑，甚至手机端进行在线创作
                    </div>
                </div>
                <div class="design-feature-item">
                    <img src="/assets/images/3_jh_icon@2x.png" alt="" class="design-feature-item-icon">
                    <div class="design-feature-item-text">互动体验</div>
                    <div class="design-feature-item-line"></div>
                    <div class="design-feature-item-desc">
                        无需编码即可进行3D拖放交互来控制和环绕
                    </div>
                </div>
                <div class="design-feature-item">
                    <img src="/assets/images/4_fx_icon@2x.png" alt="" class="design-feature-item-icon">
                    <div class="design-feature-item-text">快速分享</div>
                    <div class="design-feature-item-line"></div>
                    <div class="design-feature-item-desc">
                        一键分享3D作品，添加访问密码让分享更安
                    </div>
                </div>
                <div class="design-feature-item">
                    <img src="/assets/images/5_mbk_icon@2x.png" alt="" class="design-feature-item-icon">
                    <div class="design-feature-item-text">模板库</div>
                    <div class="design-feature-item-line"></div>
                    <div class="design-feature-item-desc">
                        提供丰富的3D设计、模板和对象来完善3D
                    </div>
                </div>
                <div class="design-feature-item">
                    <img src="/assets/images/6_dgs_icon@2x.png" alt="" class="design-feature-item-icon">
                    <div class="design-feature-item-text">多格式导出</div>
                    <div class="design-feature-item-line"></div>
                    <div class="design-feature-item-desc">
                        将3D文件导出为JPG/PNG/GIF或
                    </div>
                </div>
            </div>
        </div>

        <div class="designer">
            <div class="designer-big-title">
                与全球设计师一起创作/发布3D作品
            </div>
            <div class="designer-line"></div>
            <div class="designer-small-title">
                签约成为认证设计师，发布优质作品，赚取丰厚版权费！
            </div>
            <div class="designer-desc-area">
                摩尔微视是一个集创意、灵感与合作为一体的在线设计平台。我们致力于连接全球优秀的设计师与有需求的客户，为设计师提供展示才华的舞台，为客户带来独一无二的设计解决方案。在这里，设计不仅是艺术，更是推动商业创新的力量。
            </div>
            <div class="designer-nav">
                <div class="designer-nav-item">
                    <img src="/assets/images/1_zyzh_b_img@2x.png" alt="" class="bg">
                    <div class="text-area">
                        <img src="/assets/images/zyzh1_icon@2x.png" alt="" class="icon">
                        <div class="title">资源整合</div>
                        <div class="desc">提供丰富的行业资源，助力设计师成长</div>
                    </div>
                </div>
                <div class="designer-nav-item">
                    <img src="/assets/images/2_zypt_b_img@2x.png" alt="" class="bg">
                    <div class="text-area">
                        <img src="/assets/images/zypt1_icon@2x.png" alt="" class="icon">
                        <div class="title">专业平台</div>
                        <div class="desc">为设计师提供一个专业、专注的设计展示和交流空间</div>
                    </div>
                </div>
                <div class="designer-nav-item">
                    <img src="/assets/images/3_zubg_b_img@2x.png" alt="" class="bg">
                    <div class="text-area">
                        <img src="/assets/images/zybg1_icon@2x.png" alt="" class="icon">
                        <div class="title">自由办公</div>
                        <div class="desc">工作时间自由，无需坐班，在家办公不是梦</div>
                    </div>
                </div>
                <div class="designer-nav-item">
                    <img src="/assets/images/4_dldd_b_img@2x.png" alt="" class="bg">
                    <div class="text-area">
                        <img src="/assets/images/dldd1_icon@2x.png" alt="" class="icon">
                        <div class="title">多劳多得</div>
                        <div class="desc">每月收益及作品质量及数量挂钩，还有额外奖励发放</div>
                    </div>
                </div>
                <div class="designer-nav-item">
                    <img src="/assets/images/5_tsjz_b_img@2x.png" alt="" class="bg">
                    <div class="text-area">
                        <img src="/assets/images/zwjz1_icon@2x.png" alt="" class="icon">
                        <div class="title">提升自我价值</div>
                        <div class="desc">作品将获得更多人的关注与使用，让你的创作产生更多价值</div>
                    </div>
                </div>
            </div>

            <div class="button identify-button">
                即刻认证 →
            </div>
        </div>

        <div class="material">
            <div class="material-big-title">
                探索海量3D素材资源，完全商用许可!
            </div>

            <div class="material-images-line  material-images-first-line">
                <img src="/assets/images/material0.png" alt="">
                <img src="/assets/images/material1.png" alt="">
                <img src="/assets/images/material2.png" alt="">
                <img src="/assets/images/material3.png" alt="">
                <img src="/assets/images/material4.png" alt="">
            </div>

            <div class="material-images-line material-images-second-line">
                <img src="/assets/images/material5.png" alt="">
                <img src="/assets/images/material6.png" alt="">
                <img src="/assets/images/material7.png" alt="">
                <img src="/assets/images/material8.png" alt="">
                <img src="/assets/images/material9.png" alt="">
            </div>

            <div class="button material-button">
                更多商用素材
            </div>
        </div>    

        <div class="about">
            <div class="about-big-title">
                走进摩尔微视，探索全息光刻技术团队
            </div>
            <div class="button about-button">
                了解更多
            </div>
        </div>

        <div class="contact">
            <div class="contact-big-title">
                摩尔微视，让全息光刻技术更易用
            </div>  
            <div class="button contact-button">
                合作咨询
            </div>
        </div>

        <div class="footer">
            <div class="footer-top">
                <div class="footer-top-logo">
                    <img src="/assets/images/logo.png" alt="">
                </div>
                <div class="footer-nav-area">
                    <div class="footer-nav">
                        <div class="nav-category">摩尔微视</div>
                        <div class="nav-list">
                            <a href="#">关于我们</a>
                            <a href="#">合作联系</a>
                            <a href="#">合作招聘</a>
                        </div>
                    </div>
                    <div class="footer-nav">
                        <div class="nav-category">资源社区</div>
                        <div class="nav-list">
                            <a href="#">在线设计</a>
                            <a href="#">教程文档</a>
                            <a href="#">素材资源</a>
                            <a href="#">创作者中心</a>
                        </div>
                    </div>
                    <div class="footer-nav">
                        <div class="nav-category">帮助中心</div>
                        <div class="nav-list">
                            <a href="#">FAQ</a>
                            <a href="#">在线客服</a>
                        </div>
                    </div>
                    <div class="footer-nav">
                        <div class="nav-category">政策声明</div>
                        <div class="nav-list">
                            <a href="#">用户协议</a>
                            <a href="#">隐私政策</a>
                        </div>
                    </div>
                </div>
                <div class="footer-quick-menu">
                    <div class="footer-quick-menu-item language-switch">
                        <img src="/assets/images/zy_icon@2x.png" alt="">
                        English Site
                    </div>
                    <div class="footer-quick-menu-item access-h5">
                        <img src="/assets/images/sm_icon@2x.png" alt="">
                        访问移动版
                    </div>
                </div>
            </div>

            <div class="footer-bottom">
                <span>版权所有 © 2025 摩尔微视保留所有权利  |  粤ICP备88888888号  |  粤公网安备88888888号</span>
                <span>Powered by NOVA SOFTWARE INC.</span>
            </div>
        </div>
    </div>
    
</body>
</html>